<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style type="text/css">
    #header {
        width: 100%;
        height: 50px;
        right: 50px;
        top: 20px;
    }
#footer {
    width: 100%;
    height: 50px;
    bottom: 10px;
    background-color:whitesmoke;
}

aa:HOVER {
	-webkit-transition: border linear .2s, -webkit-box-shadow linear .2s;
	border-color: #FF7F24;
	-webkit-box-shadow: 0 0 20px #FF7F24;
}

.aa {
	height: 25px;
	width: 150px;
}

</style>

<title>登记信息</title>

<script>
function add(){
	var th = document.add_animal;
	th.action ="/cats_dogs/add";
	th.submit();
}
</script>

</head>
<body background="./images/index_bg.jpg">
<br>
<span style="margin-left:1%; margin-top:1%;color:white; ">欢迎光临，猫狗之家  请<a href="login.jsp">&nbsp{登陆}&nbsp</a>|<a href="register.jsp">&nbsp{注册}&nbsp</a>
</span>

<span id="header">
		<a href="/about_us.jsp" style="float: right">关于我们</a>
	</span>
	<br>
<br>
<div>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">Cats_Dogs</a>
    </div>
    <div>
        <ul class="nav navbar-nav">
            <li><a href="welcome.jsp">首页</a></li>
            <li><a href="list.jsp">领养宠物</a></li>
            <li class="active"><a href="add.jsp" style="color:red">送养宠物</a></li>
            <li><a href="animal_health.jsp">动物健康</a></li>
            <li><a href="notes.jsp">领养须知</a></li>
            <li><a href="promise.jsp">许愿墙</a></li>
            <li  class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    用户
                    <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    
                     <li><a href="list?user=my">我发布的信息</a></li>
                    
                    <li class="divider"></li>
                   <li><a href="logout">退出登录</a></li>
                    <li class="divider"></li>
                </ul>
        </ul>
    </div>
    </div>
</nav>
</div>
<div style="overflow-y:auto; overflow-x:auto;height:500px;text-align:left; background:#FCFCFC; margin-top:0%;margin-bottom:0%;margin-left:5%;margin-right:5%; border: 2px solid #8AC007;border-radius:0px;" >
<form id="add" name="add_animal" method="post" enctype="multipart/form-data" style="margin-left: 1%; margin-top: 1%">
<div>
	<p style=" font-size:20px; color: crimson" >严禁发布<span>欺诈</span>以及<span>图片虚假</span>的信息诱导领养者，严重偏离正常水平的及图片虚假的信息将被删除</p>
</div>
	<div>
   	 	<label  >标题</label>
    	<input type="text"  class="aa" name="a_title" >
  	</div>
  	
  	<div>
    	<label>
        	<input type="radio"  name="a_type" id="cat" value="猫" checked> 猫
        	<input type="radio" name="a_type" id="dog" value="狗">狗
        	<input type="radio" name="a_type" id="other" value="其他">其他
    	</label>
	</div>
	
	<div>
    	<label>
        	<input type="radio" name="a_sex" id="male" value="公" checked> 公
        	<input type="radio"  name="a_sex" id="female" value="母"> 母
        	<input type="radio"  name="a_sex" id="other" value="未知"> 未知
    	</label>
	</div>
	
	<div>
    <select name="a_age_year" > 
      <option>0</option> 
      <option>1</option> 
      <option>2</option> 
      <option>3</option> 
      <option>4</option> 
      <option>5</option> 
      </select>年
      <select name="a_age_month"> 
      <option>1</option> 
      <option>2</option> 
      <option>3</option> 
      <option>4</option> 
      <option>5</option> 
      <option>6</option> 
      <option>7</option> 
      <option>8</option> 
      <option>9</option> 
      <option>10</option> 
      <option>11</option> 
      <option>12</option> 
      </select>月
  </div>
  <select name="a_location_pro" > 
      <option>0</option> 
      <option>1</option> 
      <option>2</option> 
      <option>3</option> 
      <option>4</option> 
      <option>5</option> 
   </select>省
   <select name="a_location_city"> 
      <option>1</option> 
      <option>2</option> 
      <option>3</option> 
      <option>4</option> 
      <option>5</option> 
   </select>市
   <select name="a_location_area"> 
      <option>1</option> 
      <option>2</option> 
      <option>3</option> 
      <option>4</option> 
      <option>5</option> 
   </select>区/县

  <div>
   	 	<label>详细地址</label>
    	<input type="text" class="aa" name="a_detail_loca" >
  </div>
   <div>
   	 	<label>联系人姓名</label>
    	<input type="text"  name="a_contact" >
  	</div>
  
  <div>
   	 	<label>联系人手机</label>
    	<input type="text" class="aa" name="a_phone" >
  </div>
  
    <div>
   	 	<label>添加图片</label>
    	<input type="file"  name="a_pic" >
  </div>
  
   <div>
   	 	<label>详细描述</label>
   	 	</br>
    	<textarea name="a_desc" style="width:300px;height:100px;"></textarea>
  </div>
  
  <div>
  <button onclick="add()">提交</button>
  </div>

</form>
</div>
${msg}
<div id="footer" style="left: 0;position: fixed;bottom: 0;width: 100%;z-index: 100;">
    <p align="center" ;style="font-size: 1px;">
        @2017 红领巾 <a href="http://iss.whu.edu.cn/">武汉大学国际软件学院</a><br>
        @一切解释权归范盼阳小队所有
    </p>
</div>
</body>
</html>